<template>
  <!-- 定义一个div元素，类名为hello -->
  <div class="hello">
    <!-- 在div元素中显示一个h1元素，内容为msg -->
    <h1>{{ msg }}</h1>
  </div>
</template>
<script>
// 导出一个默认对象
export default {
  // 定义组件的名称
  name: 'HelloWorld',
  // 定义组件的属性
  props: {
    // 定义一个名为msg的属性，类型为String
    msg: String
  }
}
</script>
<style scoped>
  /* 定义一个名为hello的类 */
  .hello{
    /* 设置字体大小为40px */
    font-size: 40px;
  }
</style>